<template>
  <div id="app">
      <keep-alive >
        <router-view v-if="$route.meta.alive"/>
      </keep-alive>
      <router-view v-if="!$route.meta.alive"/>
    <Loading v-if="isShowLoading"></Loading>
    <Action-sheet v-if="isShowActionSheet"></Action-sheet>
    <PreviewImage v-if="isShowPreviewImage"></PreviewImage>
  </div>
</template>
<script>
import Loading from "./components/Loading";
import ActionSheet from "./components/ActionSheet";
import PreviewImage from "./components/PreviewImage";
import { mapGetters } from "vuex";
export default {
  name: "App",
  computed: {
    ...mapGetters(["isShowLoading", "loadingText", "isShowActionSheet","isShowPreviewImage"])
  },
  components: {
    Loading,
    ActionSheet,
    PreviewImage
  }
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.32rem;
}
html,
body {
  width: 100%;
  height: 100%;
}
#app {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

</style>
